<template>
  <div class="zcjd-warp">
    <a-row :gutter="[16,16]">
      <a-col :span="12" v-for="item in zcjdData">
        <a-card :title="item.title" :bordered="false" hoverable @click="openDetails(item)">
          <div style="height: 100px">
            <div v-html="item.content" class="text-overflow-4"></div>
          </div>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>


<script setup>
import {ref, onMounted} from "vue";
import axios from "axios";
import router from "@/router";

// 查询政策解读数据
const zcjdData = ref([
  {
    title: '中国的养殖业已进入“微利时代”',
    content: `<p style="text-indent: 2em;"><span style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size: 14px;"> &nbsp; 经过多年的市场选择，以及纳入环球经济市场以后，农副产品在技术和市场供求信息的全面开放，更有这两年的经济低迷，社会资本大量涌入养殖行业……整个市场形成了供大于求的现象，以上种种原因，整个中国养殖业已全面进入了一个“微利时代”。</span></p><p style="text-indent: 2em; text-align: start;">目前，蛋鸡养殖的一个周期约540天，除去所有支出后的净利润只有15元/羽；而羊的养殖周期约为400天左右，每只羊（技术好的）的净利润也约为100元左右；牛的养殖基本利润还可以，但整个周期约为1000日以上，但利润已不足千元……其它的养殖业也基本上如此，虽然这几年猪市场还可以，但大量的进口猪肉和大量的社会资本纷纷介入……其未来的局面怎样则可想而知。</p><p style="text-indent: 2em; text-align: start;">“微利时代”的来袭，中国的养殖业该何去何从？这令人深思：中国的养殖业一直没有和市场接轨，原先的市场信息闭塞，个别有资本的和技术优势的掘到第一桶“金”。几十年的市场开放，与全球市场接轨已成为必然趋势。和养殖业比较发达的国家相比，我们才发现自己已相差甚远：如美国生产一斤毛猪的成本约为人民币2.8元/斤，而我国平均生产一斤的成本约为5元/斤左右，欧洲鸡蛋的生产成本约为人民币1.9元/斤左右，而我国的普遍成本约为2.8元/斤左右，还有我们禽肉生产料肉比最高为2.6:1，而美国约为1.8:1……等等。虽然他们生产的自动化和原料成本低，以及政府部门补贴是一个方面，但技术可能是最主要的因素。</p>`
  },
  {
    title: '土鸡网上销收入节节高',
    content: `<p style="text-indent: 2em; text-align: start;"><span style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size: 14px;">在张掖市甘州区有这样一位农民,饲养热销的土鸡,并在网上销售,取得了不错的收益,他就是甘州区碱滩镇永新村五社的农民申宏。申宏是一位细心人,他发现市场上出售的鸡肉味道与农村放养的土鸡味道相差甚远,加之,现在人们很注重健康，都要吃绿色环保的土鸡。于是申宏决定要通过自己配制饲料和人工放养来提升鸡肉的品质。2010年3月份他开始着手饲养土鸡，并专门开辟一个院落，采取家庭式放养方式，饲喂鸡的饲料以小草、玉米豆粕等农家粗粮为食，虽然鸡饲养期长，生长较缓慢，但是鸡的肉质鲜美,营养价值高,深受食客亲睐。申宏积极做大养鸡产业,随着养鸡数量的不断增加，需要拓展销售的新路子。在做网络的兄弟的指导下，他开始在网络销售生态鸡。刚开始销售时,很多人都不是很了解，销售数量也不是很多，经过努力，很多周边市、县的客人从网络上了解了申宏家饲养的土鸡，都纷纷过来购买,土鸡销量大幅增加</span></p>`
  },
  {
    title: '巧抓“鸡”遇 下岗工年赚上百万',
    content: `<p style="text-indent: 2em; text-align: start;"><span style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size: 14px;"> 今年46岁的李惠清原是沙坪坝一家饲料公司的经理，1994年从单位下岗后，他在江津开了一家养鸡场。初次创业因为不熟悉市场，饲养的白羽肉鸡不但养殖成本高，还不符合重庆市民消费习惯，连续亏损近100多万元后，李惠清决定处理完善后事宜就关闭鸡场。</span></p><p style="text-align: start;"> &nbsp; &nbsp;初次创业差点搞砸</p><p style="text-align: start;"> &nbsp; &nbsp;1997年，李惠清前往西安处理积压的成鸡。他发现因为当地地处产粮区，养殖成本比较低，当时在重庆市场上卖价高达17元/500克的乌骨鸡，在西安仅卖6元/500克，而且西安的白羽肉鸡鸡苗奇缺，这让李惠清眼前一亮。于是，他立即动手开干，把重庆的白羽鸡苗销往西安，又将西安的乌骨成鸡运回重庆销售。两地市场的差价让李惠清赚取了丰厚的利润，贩来贩去不但弥补了前期自身养鸡的亏损，还有了一定的积蓄。</p><p style="text-align: start;"> &nbsp; &nbsp;贩卖鸡苗、成鸡虽然利润丰厚，但李惠清并不满意这种小打小闹的经营方式，重返鸡市搞养殖仍然是他的创业梦。有了前车之鉴，这一次他首先在重庆及周边省市，对成鸡产品的市场需求及养殖风险进行了一番调查。</p>`
  },
  {
    title: '土鸡养殖成本利润概算',
    content: `<p style="text-align: start;"><span style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size: 14px;">养土鸡以每个月养500只鸡，年出栏5000只鸡为例：用我们的技术养一只土鸡4个月可达2.5-3斤左右，一只鸡的饲养成本为15元，生态土鸡一般价格在13元至20元之间，以15元/斤计，每只鸡按平均重2.5斤计，一只生态土鸡的纯利在10-20元左右，年出栏5000只鸡，年纯利有5-10万元。<br></span><span style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size: 14px;"><strong>养土鸡的成本概算<br></strong></span><span style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size: 14px;"> &nbsp; &nbsp; &nbsp; &nbsp;养生态土鸡90-100天即可达到 2.5-3.5斤/只，即可出栏，但为了保证肉质，一般要养4个月，一只鸡的成本在15元左右。<br> &nbsp; &nbsp; &nbsp; &nbsp;详细核算如下：养一只生态土鸡4个月上市，重2.5-3斤左右，所需饲料分别为谷物（稻谷、玉米、小麦、高粱、红薯均可）6斤，按1元/1斤计即6元，黄粉虫3斤，自己饲养每斤成本1.5元即4.5元，蝇蛆3斤，自己用鸡粪饲养成本0.5元/1斤，3斤即1.5元，青菜5斤1.5元（自己种或捡菜叶不用钱），土鸡苗自己孵化约2元/只，疫苗每只0.2元，总计：15.8元。</span></p>`
  }
])
const queryZcjdData = async () => {
  const {data} = await axios.get('http://localhost:9763/system/news/list')
  zcjdData.value = data.rows
  data.rows.forEach(item => {
    const dom = new DOMParser().parseFromString(item.content, "text/html")
    let textContent = dom.querySelector('body').innerText
    item.content = textContent.substring(0, 200) + (textContent.length > 200 ? "..." : "")
  })
}

const openDetails = (item) => {
  router.push({name: 'ZcjdDetails', query: {id: item.id}})
}

onMounted(() => {
  queryZcjdData()
})
</script>


<style scoped>
.zcjd-warp {

}

.text-overflow-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>
